body{
    background-color: rgb(26,35,44);
}

/* 头部 */
.head{
    height: 4vh;  
    text-align: center;
    border-width: 2px 2px 0px 2px;
    border-style: solid;
    border-color: grey;
    color: white;
}

/* 标题 */
.title{
    font-size: 2em;
    font-weight: bold;
}

/* bootstrap row样式 */
.row div{
    padding: 0px;
}

/* 系统事件栏 */
#systemTime{
    height: 5vh;
    text-align: center;
    border-width: 2px 2px 2px 2px;
    /* 没有设置边框的类型的话,没有任何的显示效果的 */
    border-style: solid;
    /* solid是实线,dashed是虚线 dotted是原点线 */
    /* 没有设置颜色,是没有任何肉眼可见的结果的 */
    border-color: grey;
    position: relative;
}

/* 时间选择 */
#myDate{
    font-size: 1.5em;
    width: 150px;
    height: 30px;
    position:absolute;
    top: 15%;
    left: 30%;
}


/* 确认按钮 */
.btn{
    font-size: 1.5em;
    position:absolute;
    top: 10%;
    height: 30px;
    width: 100px;
    right: 10%;
    border: 0;
}


/* 日历图 */
#calendar{
    height: 30vh;
    border-width: 0px 2px 2px 2px;
    border-style: solid;
    border-color: grey;
}

/* 单轴散点图 */
#scatter{
    height: 30vh;
    border-width: 0px 2px 2px 2px;
    border-style: solid;
    border-color: grey;
}

/* 雷达图 */
#radar{
    height: 31vh;
    border-width: 0px 2px 2px 2px;
    border-style: solid;
    border-color: grey;
}

/* 主视图 */
#mosaic{
    height: 65vh;
    border-width: 2px 0px 2px 0px;
    border-style: solid;
    border-color: grey;
}


#container {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}


/* 主视图，2D-3D按钮 */
a#heightBtn {
    color: #ddd;
    z-index: 2;
    position: absolute;
    left: 20px;
    top: 20px;
    background: #333;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
}

a#heightBtn:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
    cursor: pointer;
    user-select: none;
    color: #fff
}

/* 主视图，信息显示 */
.info{
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 1.5em;
}

#maxName{
    color: red;
    /* font-weight: 500; */
}

.Name:hover{
    font-weight: bold;
    color: black;
}

#val{
    color: green;
    font-weight: 500;
}

#trafficFlow{
    font-weight: 500;
}

/* 主视图，图例 */
.legend {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.legend ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.color-item {
    width: 60px;
    height: 20px;
    display: inline-block;
}

.label-item {
    display: inline-block;
    width: 60px;
    margin-left: -2px;
    font-size: 14px;
}

/* 风向图 */
#windBard{
    height: 31vh;
    border-width: 0px 2px 2px 0px;
    border-style: solid;
    border-color: grey;
}


/* 桑基图 */
#ankey{
    height: 31vh;
    border-width: 0px 2px 2px 0px;
    border-style: solid;
    border-color: grey;
}


/* 隐藏高德地图log */
.BMap_cpyCtrl {
    display: none;
}
.anchorBL {
    display: none;
}
.amap-logo img{
    display: none;
}
.amap-copyright {
    opacity:0;
}